<template>
    <el-container :style="{height:getCurrentBrowserHeight}">
        <el-aside width="200px">
            <CmsAside></CmsAside>
        </el-aside>
        <el-main>
            <CmsMain></CmsMain>
        </el-main>
    </el-container>

</template>

<script>
    import CmsAside from "@/components/cms/CmsAside";
    import CmsMain from "@/components/cms/CmsMain";

    export default {
        name: "Cms",
        components: {CmsMain, CmsAside},
        computed: {
            getCurrentBrowserHeight() {
                return window.innerHeight - 180 + 'px';
            }
        }
    }
</script>

<style scoped>

</style>